body {
margin:0px;
}
#principal{
background-color: #F5DA81; overflow-y:auto; width: 100%; font: 10pt Arial;}

#cabecera{
width:100%; height: 25%; background-color: #F5DA81; background-repeat: no-repeat; background-position:center; font: 10pt Arial;}

#contenedor{
background-color: #F5DA81; margin-left: 0px; margin-right: 0px;height: 100%; width: 100%;  color: black; margin: 0 auto; font: 10pt Arial;}

/*Menu*/
.nav > li {
float:center;
list-style:none;
}


.tablacarta {
background-color: #F8E0E0;
border: #8A0808;
font: 10pt Arial; color: #8A0808;
text-align: center;
}

.tablaaccesoreg {
background-color: #F8E0E0;
border: #8A0808;
font: 11pt Arial; color: #8A0808;
display:scroll;
position:absolute;
left: 45%;
top: 35%;
width: 15%;
text-align:center;
}

.letraroja {
color: #8A0808;

}

#fondomenu {
margin-top: 0px;
}

.nav li a {
background:#8A0808;
color:#FFF;
display:relative;
border:1px solid;
padding:5px 40px;
}
 
.nav li a:hover {
background:#DAB879;
}
/*Fin Menu*/

/*imagen del local*/
.imagenlocal {
display:scroll;
position:relative;
left: 13%;
top: 5%;
text-align: justify;
}

/*imagen del faq*/
.imagenfaq {
display:scroll;
position:relative;
left: 13%;
top: 5%;
text-align: justify;
}

/*descripcion*/
.descripcion{
color: #8A0808;
display:scroll;
position:absolute;
left: 55%;
right:11%;
top: 40%;
text-align: justify;
}

/*mapa*/
.mapa {
display:scroll;
position:relative;
left: 20%;
top: 10%;
text-align: justify;
}

/*descripcion mapa*/
.descmapa{
color: #8A0808;
display:scroll;
position:absolute;
left: 63%;
right:20%;
bottom: 40%;
text-align: justify;
}

/*posicion tabla plato*/
.postabplato{
display:scroll;
position:relative;
left:400px;
bottom: 300px;
}

/*mensaje sesion*/
.mensaje{
display:scroll;
position:float;
left: 55%;
right:11%;
bottom: 30%;
text-align: justify;
}


/*cierre sesion*/
.botoncierre {
color: #8A0808;
display:scroll;
position:absolute;
left: 89%;
top: 1%;
text-align: justify;
}

/*boton añadir plato*/
.botonplato {
color: #8A0808;
display:scroll;
position:absolute;
left: 89%;
top: 17%;
text-align: justify;
}

/*darse de baja*/
.botonbaja {
color: #8A0808;
display:scroll;
position:absolute;
left: 89%;
top: 5%;
text-align: justify;
}

/*pedidos en curso*/
.pedidocurso {
color: #8A0808;
display:scroll;
position:absolute;
left: 89%;
top: 13%;
text-align: justify;
}

/*Ver mis pedidos*/
.mispedidos {
color: #8A0808;
display:scroll;
position:absolute;
left: 89%;
top: 9%;
text-align: justify;
}

/*modificar mis datos de usuario*/
.modifmisdatos {
color: #8A0808;
display:scroll;
position:absolute;
left: 1%;
top: 5%;
text-align: justify;
}

/*mensaje bienvenido*/
.bienvenido {
color: #8A0808;
display:scroll;
position:absolute;
left: 1%;
top: 0%;
text-align: justify;
}

/*iniciar pedido*/
.pedido {
background-color: #F8E0E0;
border: #8A0808;
font: 10pt Arial; color: #8A0808;
display:scroll;
margin-left: 43%;
top: 30%;
width: 15%;
text-align: center;
}

/*añadir plato*/
.addplato {
background-color: #F8E0E0;
border: #8A0808;
font: 11pt Arial; color: #8A0808;
display:scroll;
margin-right: 1%;
width: 15%;
text-align: center;
}

/*modificando plato*/
.modifplato {
background-color: #F8E0E0;
border: #8A0808;
font: 10pt Arial; color: #8A0808;
display:scroll;
margin-right: 1%;
top: 20%;
width: 15%;
}














